<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<div id="app">
		
		
		<p v-if="isShow">{{txt}}</p>

		<p v-if="score >= 90 ">优秀</p>
		<p v-else-if="score >= 70 ">良好</p>
		<p v-else-if="score >= 60 ">及格</p>
		<p v-else>不及格</p>

		<input type="nunber" v-model="score">
		<ul>
			<li v-for="item in score">
				{{item}}
			</li>
		</ul>
		<ul>
			<li v-for="(val,key) in person">
				{{key}} :{{val.name}}-{{val.age}}
			</li>
		</ul>
	</div>
<script src="js/vue.js"></script>
<script>
	let vm = new Vue({
		el:'#app',
		data:{
			txt:'hello,world!',
			isShow: false,
			score:8,
			person:[
				{name:'zs',age:12},
				{name:'ss',age:18}
			]

		}
	})
</script>
</body>
</html>